<html>
  <head>
    <meta charset="utf-8">
    <title>文章列表 - 第{{ page }}页</title>
  </head>
  <body>
    <h1>屎一样的文章列表</h1><hr />
    <div class="articles">
    <ul>
      {% for article in articles %}
        <li>
          <a style="font-size: 1.5em;" href="/article.detail/{{ article.id }}">{{ article.title }}</a>
          <div class="date">
            <span>{{ article.date }}</span>
          </div>
          <div class="summary">
            {{ article.summary }}
          </div>
         </li>
       {% endfor %}
    </ul>
    </div><hr />
    <div class="pages">
      {% if total_page > 1 %}
        {% if page > 1 and page < total_page %}
          <a href="/article.list/{{ page - 1 }}"> 上一页 </a> 
          当前第 {{ page }} 页
          <a href="/article.list/{{ page + 1 }}"> 下一页 </a>
        {% elif page > 1 and page == total_page %}
          <a href="/article.list/{{ page - 1 }}"> 上一页 </a> 
          当前第 {{ page }} 页
           下一页 
        {% elif page == 1 %}
           上一页 
          当前第 {{ page }} 页
          <a href="/article.list/{{ page + 1 }}"> 下一页 </a>
        {% endif %}
      {% else %}
         上一页 
        当前第 {{ page }} 页
         下一页 
      {% endif %}
    </div>
  </body>
</html>